﻿@{
    ViewBag.Title = "Home Page";
}
<link rel="stylesheet" type="text/css" href="/Content/slide.css" />
<script type="text/javascript" src="Scripts/jquery.cslider.js"></script>
<script type="text/javascript">
    $(function () {

        $('#da-slider').cslider({
            autoplay: true,
            interval: 8000,
        });

    });
</script>
<div class="container">
    <div id="da-slider" class="da-slider">
        <div class="da-slide">
            <h2>Delight Moment</h2>
            <p>This is a sample caption of black text on white background.</p>
            <div class="da-img">
                <img src="../Images/banner1.png" alt="image01" />
            </div>
        </div>
        <div class="da-slide">
            <h2>Relaxed and Peaceful</h2>
            <p>This is a sample caption of black text on white background.</p>
            <div class="da-img">
                <img src="../Images/banner2.png" alt="image01" />
            </div>
        </div>
        <div class="da-slide">
            <h2>Make your holidays special</h2>
            <p>This is a sample caption of black text on white background.</p>
            <div class="da-img">
                <img src="../Images/banner3.png" alt="image01" />
            </div>
        </div>
        <nav class="da-arrows">
            <span class="da-arrows-prev"></span>
            <span class="da-arrows-next"></span>
        </nav>
    </div>
</div>

<div class="box">
    <h2 class="heading-title">
        <span>Hades & Helios Hotel</span>
    </h2>
    <div class="box-content">
        <p>Hades & Helios Hotel là một trong những khách sạn 4 sao tại TPHCM cung cấp các dịch vụ phòng đạt chất lượng quốc tế. Khách sạn có vị trí lí tưởng khi nằm ngay trung tâm thành phố, chỉ cách các tòa nhà trung tâm như Sunwah Tower, Opera , Bitexco, Metropolitan khoảng 10 phút đi xe. Từ đây, du khách có thể tham quan Chợ Bến Thành cùng các cửa hàng mua sắm nổi tiếng sầm uất khác ngay trung tâm. </p>
    </div>
</div>

<div class="rooms">
    @{foreach(var HP in ViewData.Model)
    {
    <li class="roundabout-moveable-item">
        <div class="prod_holder">
            <div class="image">
                <a href="">
                    <img alt="@HP.tenHangPhong" src="../Images/@{@HP.maHangPhong}.jpg">
                </a>
            </div>
            <h3>@HP.tenHangPhong</h3>
        </div>
    </li>
    }}
</div>
